<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX</title>
</head>
<body>
    <div id="div1" style="width: 300px;height: 200px;background-color: aquamarine">1111</div>
    <button id="postData">post请求</button>

    <button id="ajax">ajax请求</button>
    <button id="get">get请求</button>
    <button id="getJson">getJson请求</button>
    <button id="getScript">getScript</button>
    <button id="param">序列化对象</button>
    <button id="ajaxDelegate">ajax请求过程</button>
    <div id="div2" style="width: 300px;height: 200px;">这里不是隐藏的</div>
    Username:<input type="text" name="Username"/><br>
    PassWord:<input type="text" name="Password"/><br>
    <button id="serialize">序列化表单</button>
    <button id="serializeArr">数组形式序列化表单</button>
    <br>
    <button id="data">绑定data</button>
    <button id="getData">取出data</button>
    <button id="removeData">移除data</button><br>

    <p class="index" id="p1">这是第一个段落</p>
    <p class="index" id="p2">这是第二个段落</p>
    <button id="getMethod">get方法</button>
    <button id="getIndex">获取index</button><br>

    <button id="version">获取jQuery的版本号</button>

    <script src="jquery-3.2.1.js"></script>
    <script src="jQuery-AJAX.js"></script>
</body>
</html>